<template>
  <div :class="$store.state.theme ?'light' :'dark'" id="app">
    <nav>
      <!-- <router-link>H</router-link> -->
      <!-- <router-link to="/home"></router-link> -->
    </nav>
    <router-view />
  </div>
</template>

<script>
export default{
  watch:{
    
  }
}
</script>

<style lang="less">
html,
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
}
html::-webkit-scrollbar {
  width: 0px;
}
.light{
  transition: .5s;
  background: #fff;
  color: #000;
}
.dark{
 transition: .5s;
  background: #000;
  color: #fff;
}
#app {
  width: 100%;
  min-height: 100%;
  // background: #000;
  // color: #fff;
  // background-color: rgb(41, 37, 37);
  // color: white;
}
</style>
